<template>
    <div class="footer-content">
        <div class="left">
        </div>
        <div class="right">
            <div class="content">
                <pui-icon name="mouse"></pui-icon>
                <span class="text">{{ store.state.coordinate[0] === 0 && store.state.coordinate[1] === 0 ? '显示鼠标在工作空间的坐标信息以及当前所指对象' : `当前坐标x: ${store.state.coordinate[0]}, y: ${store.state.coordinate[1]}`}}</span>
            </div>
        </div>
    </div>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
    name: 'LayoutFooter'
})
</script>
<script lang="ts" setup>
import { reactive, onMounted } from 'vue'
import { useStore } from 'vuex';
const store = useStore()
</script>